<template>
    <div class='container'>
        <el-tabs v-model="activeName1" @tab-click="handleClick">
            <el-tab-pane :label="item.factoryName" :name="item.id" v-for="(item,index) in list" :key="index">

            </el-tab-pane>

                 <tablelist :activeName1 = "activeName1"></tablelist>


        </el-tabs>
    </div>
</template>

<script>

import {manage_getAllFactory} from "@/request/manageapi"
import tablelist from "./tablelist.vue"
export default{
    components:{
        tablelist
    },
    data() {
        return{
            list:[],
            activeName1:'',

            // activeName2:'',
        }
    },
    mounted(){
        this.init()
    },
    methods:{
        handleClick1(){

        },
        handleClick(e){
            // console.log(this.activeName)
            // console.log(e)
            // console.log(event)

        },
        init(){
            manage_getAllFactory("").then((res)=>{
                this.activeName1 = res.data[0].id
                this.list = res.data
            })
        },
    }
}
</script>


<style scoped>
.container{
    min-height:65%;
}

</style>
